* {
  margin: 0;
  padding: 0;
  &:focus {
    outline: none;
  }
}

:root {
  // 全局的文字颜色
  --global-color: rgba(70, 70, 70, 1);
  // 全局的浅色文字颜色
  --global-light-color: rgba(140, 140, 140, 1);
  // 全局按钮的背景颜色
  --botton-bg: rgba(64, 158, 255, 1);
  // 全局按钮禁用的背景颜色
  --botton-disabled-bg: rgba(64, 158, 255, 0.5);
  // 标题栏的高度
  --title-height: 40px;
  // 标题栏的背景颜色
  --title-bg: linear-gradient(to right, #409eff 0%, #12d8fa 60%, #409eff 100%);
  // 标题栏左边的文字颜色
  --title-color: rgba(255, 255, 255, 1);
  // 标题栏右边icon的文字颜色
  --title-icon-color: rgba(255, 255, 255, 1);
  // 标题栏右边放大缩小的移入后的背景颜色
  --min-max-hover-color: rgba(0, 0, 0, 0.2);
  // 标题栏右边关闭的移入后的背景颜色
  --close-hover-color: rgba(255, 92, 92, 1);
  // 全局分割线的样式
  --split-line: 1px solid rgb(125, 125, 125);
  // 侧边栏的背景颜色
  --sidebar-bg: rgba(64, 158, 255, 1);
  // 侧边栏icon的文字颜色
  --sidebar-icon-color: rgba(255, 255, 255, 0.5);
  // 侧边栏icon移入后的文字颜色
  --sidebar-icon-hover-color: rgba(255, 255, 255, 1);
  // 侧边栏icon选中后的文字颜色
  --sidebar-icon-active-color: rgba(255, 255, 255, 1);
  // 侧边栏icon选中后的测边框的颜色
  --sidebar-icon-active-border-color: rgba(255, 255, 255, 1);
  // 菜单的背景颜色
  --menu-bg: rgba(255, 255, 255, 1);
  // 菜单的文字颜色
  --menu-color: rgba(64, 158, 255, 1);
  // 菜单的子项移入后的背景颜色
  --menu-box-hover-color: rgba(235.9, 245.3, 255, 1);
  // 菜单的子项选中后的背景颜色
  --menu-box-active-bg: rgba(159.5, 206.5, 255, 1);
  // 菜单的子项选中后的文字颜色
  --menu-box-active-color: rgba(255, 255, 255, 1);
  // 主体中顶部导航栏的背景颜色
  --top-nav-bg: rgba(241, 241, 241, 0.5);
  // 主体中顶部导航栏的选中项的背景颜色
  --top-nav-active-bg: rgba(255, 255, 255, 1);
}

/* 去掉窗口圆角 */
body {
  overflow: hidden;
  border-radius: 0 !important; /* 强制去掉圆角 */
  color: var(--global-color);
  user-select: none; /* 标准语法 */
  -webkit-user-select: none; /* Safari/Chrome */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */

  .btn {
    width: 300px;
    height: 36px;
    background: var(--botton-bg);
    border-radius: 4px;
    line-height: 36px;
    text-align: center;
    color: white;
    cursor: pointer;
  }
  .btn_disabled {
    background: var(--botton-disabled-bg);
    cursor: not-allowed;
    pointer-events: none;
  }
  .tab {
    position: fixed;
    z-index: 99999;
    .popup_content {
      width: 200px;
      box-sizing: border-box;
      border: var(--split-line);
      padding: 10px;
      background-color: white;
    }
  }
  .select_none {
    user-select: none; /* 标准语法 */
    -webkit-user-select: none; /* Safari 和 Chrome */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer 和 Edge */
  }
  .el-dialog {
    padding: 0!important;
    border-radius: 5px;
    .el-dialog__header{
      padding: 0!important;
    }
    .el-dialog__footer{
      padding: 0!important;
    }
  }
  .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset !important;
  }
  .el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset !important;
  }
  .el-input-group__prepend,
  .el-input-group__append {
    background-color: transparent;
  }
}
